/* 
  Image- 图片组件
  Image 组件用于显示多种类型的图片，包括网络图片、静态资源、本地图片等。
  source,require
 */

import { Image, StyleSheet, Text, View } from 'react-native';

export default function App() {
  return (
    <>
      <View>
        <Text style={{ color: 'red' }}>jsx语法111111111111</Text>
      </View>
      <Text style={styles.title}>jsx语法</Text>
      <Text>jsx语法</Text>
      <Text>jsx语法</Text>
      {/* 本地图片  通过require属性来引入*/}
      <Image style={styles.img} source={require('@/assets/img/15.jpg')}></Image>
      {/* 本地使用gif图片  需要再app.json下配置属性运行*/}
      <Image style={styles.img} source={require('@/assets/img/3.gif')}></Image>
      {/* <Image
        style={styles.img}
        source={{
          uri: 'https://c-ssl.dtstatic.com/uploads/blog/202104/04/20210404184113_32dc5.thumb.400_0.jpg',
        }}
      ></Image> */}
    </>
  );
}

const styles = StyleSheet.create({
  title: {
    fontSize: 30,
    color: 'blue',
  },
  img: {
    width: 200,
    height: 200,
  },
});
